<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<%@ include file="/WEB-INF/public/head.jspf"%>	
<style type="text/css">
	form div{
		margin:5px;
	}
</style>
<script type="text/javascript">
	$(function(){
		//动态加载下拉列表框中的数据
		$('#cc').combobox({    
		    url:'category_query.action',    
		    valueField:'id',    
		    textField:'type',
		    panelHeight:'auto',
		    panelwidth:120,
		    width:120,
		    //value:'请选择商品类别',
		    editable:false,
		    required:true,
		    messingMessage:'请选择所属类别'  
		});
		$("input[name=name]").validatebox({
			required:true,
			missingMessage:'请输入商品名称'
		});
		$("input[name=price]").numberbox({
			required:true,
			missingMessage:'请输入商品价格',
			min:0,
			precision:2,
			//前缀
			prefix:'$'
		});
		//向validatebox.defaults.rules中注册新的方法
		$.extend($.fn.validatebox.defaults.rules, {    
			//函数的名称:函数的实现体
			//使用json语法的方式
    		format: {    
    			//返回false,验证失败
		        validator: function(value,param){    
		            //return value == $(param[0]).val();   
		            //alert(value+","+param);
		            //获取当前文件的后缀名
		            var ext = value.substring(value.lastIndexOf('.')+1);
		            //获取支持的文件后缀名
		            var arr=param[0].split(",");
		            for(var i=0;i<arr.length;i++){
		            	if(ext==arr[i])
		            		return true;
		            }
		            return false;
		        },    
       			message: '文件必须为:{0}'
   			}    
		});
		//在Ajax和jQuery中.是特殊的符号,放到''中
		$("input[name='fileImage.upload']").validatebox({
			required:true,
			messingMessage:'请输入要上传的图片',
			validType:"format['gif,jpg,jpeg,png']"
		});
		//当文件域内容发生变化,调用验证方法
		$("input[name='fileImage.upload']").change(function(){
			$(this).validatebox("validate");
		});
		$("textarea[name=remark]").validatebox({
			required:true,
			missingMessage:'请输入商品的简单描述'
		});
		/* $("textarea[name=xremark]").validatebox({
			required:true,
			missingMessage:'请输入商品的详细描述'
		}); */
		//窗体弹出默认禁用
		$("#ff").form("disableValidation");
		//注册button的事件
		$("#submit").click(function(){
			$("#ff").form("enableValidation");
			//如果验证成功提交数据
			if($("#ff").form("validate")){
				//$.messager.progress();	// 显示进度条
				$('#ff').form('submit', {
					url: 'product_save.action',
					success: function(){
						//$.messager.progress('close');	// 如果提交成功则隐藏进度条
						//关闭窗体
						parent.$("#win").window("close");
						//刷新页面
						//aindex--->iframe--->dg
						//parent.$("iframe[title='分类管理']").contents().find("#dg").datagrid("reload");
						parent.$("iframe[title='商品管理']").get(0).contentWindow.$("#dg").datagrid("reload");
					}
				});
			}
		});
		$("#reset").click(function(){$('#ff').form('reset');});
		});
</script>
</head>

<body>
	<form title="添加商品" id="ff" method="post" enctype="multipart/form-data">   
    <div>   
        <label>商品名称:</label>   
        <input type="text" name="name"/>   
    </div>   
    <div>   
        <label>商品价格:</label>   
        <input type="text" name="price"/>   
    </div>   
    <div>   
        <label>图片上传:</label>   
        <input type="file" name="fileImage.upload"/>   
    </div> 
    <div>
    	<label>所属类别:</label>
    	<input id="cc" name="category.id"/>
    </div>  
    <div>   
        <label>加入推荐:</label>   
		推荐:<input type="radio" name="commend" value="true"/>
		非推荐:<input type="radio" name="commend" value="false" checked="checked"/>
    </div> 
    <div>   
        <label>是否有效:</label>   
		上架:<input type="radio" name="open" value="true"/>
		下架:<input type="radio" name="open" value="false" checked="checked"/>
    </div> 
    <div>
    	<label>简单描述:</label>
    	<textarea rows="4" cols="40" name="remark"></textarea>
    </div>
    <div>
    	<label>详细描述:</label>
    	<textarea rows="8" cols="40" name="xremark"></textarea>
    </div>
    <div>
	    <a id="submit" href="#" class="easyui-linkbutton" data-options="iconCls:'icon-add'">添加</a>  
	    <a id="reset" href="#" class="easyui-linkbutton" data-options="iconCls:'icon-edit'">重置</a>  
    </div>
</form>
</body>
</html>
